html {
    width: 100%;
    body {
        width: 100%;
        .index {
            max-width: 750px;
            min-width: 300px;
            width: 100%;
            margin: 0 auto;
            position: relative;
            .state {
                width: 90%;
                margin: 0.3rem auto;
                border-radius: 5px;
                padding: 2%;
                box-shadow: 0px 0px 3px 3px #ccc;
                img {
                    float: left;
                    display: block;
                    width: 1.8rem;
                    height: 1.6rem;
                    margin-top: 0.2rem;
                }
                .content {
                    float: left;
                    width: 75%;
                    display: table;
                    margin-left: 5%;
                    line-height: 2;
                    p {
                        display: block;
                        width: 100%;
                        line-height: inherit;
                        font-size: 0.293333rem;
                        color: #494949;
                    }
                    i {
                        display: block;
                        width: 100%;
                        line-height: inherit;
                        font-size: 0.293333rem;
                        color: #747474;
                    }
                }
            }
            .btn{
                width: 83%;
                letter-spacing: 0.2em;
                padding-left: 2%;
                line-height: 2.5;
                margin: 0.3rem auto;
                font-size: 0.48rem;
                color: #fff;
                text-align: center;
                background-color: #1ba7c2;
            }
        }
    }
}